@import "../../../customGlobal.scss";
html {
    font-size: 14px;
    background: #ffffff;
}

.transfer-bg {
    background: white;
}


section,
#detail-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
ion-slides {
    --bullet-background-active: rgb(255, 255, 255, 0);
    --bullet-background: rgb(255, 255, 255, 0);
}
.img-slide {
    position: relative;
}
.img-slide ion-img {
    width: 100%;
    height: 250px;
}
.img-label {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 24px;
    bottom: 14px;
    right: 8px;
    border-radius: 12px;
    color: #ffffff;
    font-size: 0.75rem;
    text-align: center;
    line-height: 24px;
    background: rgba(39, 40, 46, 0.8);
}
.title {
    font-size: 1.13rem;
    color: #27282e;
    letter-spacing: 0;
    line-height: 1.13rem;
    font-weight: bold;
}
.action-label {
    font-size: 0.81rem;
    color: rgba(133, 136, 148, 1);
    line-height: 1.25rem;
    display: inline-block;
}
.detatil-title {
    padding-top: 1.25rem;
    font-size: 1.38rem;
    color: #27282e;
    letter-spacing: 0;
    line-height: 1.88rem;
    font-weight: bold;
}
.auth {
    margin-right: 0.63rem;
    width: 2.81rem;
    height: 1rem;
}
.auth.hasScarce {
    margin-right: 0.31rem;
}

.scarce {
    margin-right: 0.63rem;
    width: 2.81rem;
    height: 1rem;
}
.img {
    width: 45px;
    height: 16px;
}
.sub-title {
    font-size: 0.75rem;
    color: #858894;
    letter-spacing: 0;
    line-height: 12px;
    display: flex;
    align-items: center;
}
ion-item {
    margin-left: -15px;
}

.grid-padding {
    --ion-grid-padding: 1px; //行间距
    --ion-grid-column-padding: 1px; // 单个item内容的padding
    padding-top: 0em;
}

// 三列
.section-col-3 .item-label {
    font-size: 0.75rem;
    color: #858894;
    letter-spacing: 0;
    line-height: 22px;
}
.section-col-3 .item-unit {
    font-size: 0.935rem;
    color: #ff6314;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: bold;
    @if $appType == "LJ" {
        color: #ff595e;
    }
}
.section-col-3 .item-value {
    font-size: 1.3rem;
    color: #ff6314;
    letter-spacing: 0;
    font-weight: bold;
    @if $appType == "LJ" {
        color: #ff595e;
    }
}
.section-col-3 .item-value .item-unit-up {
    font-size: 0.93rem;
}
.content-rigtht {
    float: inherit;
    text-align: center;
}
.section-col-3 ion-grid ion-row ion-col .oneItem {
    text-align: left;
}
.sep-line {
    float: left;
    margin-top: 0.25rem;
    margin-bottom: 0.12rem;
    border-left: 0.05rem solid #ebebed;
    font-size: 0;
    height: 80%;
    padding-left: 1px;
}
.main-data-line {
    margin-top: 0.88rem;
    margin-bottom: 0.94rem;
}
// 通用1列
.section-col-1 .item-label {
    float: left;
    font-size: 1rem;
    color: #858894;
    width: 30%;
    height: 26px;
    @if $appType == "LJ" {
        color: #7e838c;
    }
}
.section-col-1 .item-label.auto-lable {
    width: 70%;
}
.second-title {
    width: calc(100vw - 7.5rem);
    font-size: 1rem;
    color: #575a61;
    line-height: 1.38rem;
    margin-top: -0.75rem;
}
.title-tips {
    font-size: 0.88rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.88rem;
    padding-left: 0.5rem;
    font-weight: normal;
}
.section-col-1 .item-value {
    float: left;
    font-size: 1rem;
    color: #27282e;
    width: calc(70vw - 1.94rem);
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    @if $appType == "LJ" {
        color: #252629;
        font-weight: bold;
    }
}
.section-col-1 .item-value.hide-value {
    width: 1%;
}
.section-col-1 .item-taglabel {

    font-size: 0.81rem;
    color: rgba(255, 170, 0, 1);
    line-height: 0.83rem;
    margin-top: 0.52rem;
    float: right;
}

#ion-col-1 {
    clear: both;
}

.button-type {
    height: 2.75rem;
    background: #f4f6f9;
    border-radius: 0.31rem;
    line-height: 2.75rem;
    font-size: 0.94rem;
    text-align: center;
    font-weight: 400;
    color: #7485a6;
    margin-top: 1rem;
}
.section-col-1 ion-grid ion-row ion-col .addressType {
    color: #7485a6;
    margin-right: 8px;
    width: calc(70vw - 75px);
    height: auto;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
}
.section-col-1 ion-grid ion-row ion-col .addressType.mosaic {
    color: #7485a6;
    margin-right: 8px;
    width: calc(70vw - 75px);
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --webkit-transform: scale(0.9);
    box-shadow: 0 0 10px 4px white;
    text-shadow: 0 0 10px #7485a6;
    opacity: 0.8;
    color: rgba(0, 0, 0, 0);
}
.mosaic-n {
    box-shadow: 0 0 10px 4px white;
    text-shadow: 0 0 5px #7485a6;
    opacity: 0.8;
    color: rgba(0, 0, 0, 0);
}
.section-col-1 ion-grid ion-row ion-col .gradeType {
    color: #858894;
    font-size: 11px;
    width: auto;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
}
.section-col-1 ion-grid ion-row ion-col .moreLineType,
.section-col-1 ion-grid ion-row ion-col.serviceType.item-value {
    width: calc(70vw - 1.94rem);
    height: auto;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
}
.section-col-1 .serviceType.item-value {
    width: calc(70vw - 1.94rem);
    height: auto;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
}
.item-service-icon {
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    display: flex;
    align-items: center;
}
.item-service-value {
    margin-left: 1.25rem;
}
.item-icon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: 0.63rem;
}
.propert-set {
    font-size: 1rem;
    color: #858894;
    width: 30%;
}

// 1 2 列公用
.section-col-2,
.section-col-1 {
    position: relative;
    .grid-padding {
        margin-top: 1rem;
    }
}

.section-col-2,
.section-col-1 {
    ion-col {
        margin-bottom: 5px;
    }
}

.section-col-2 .item-label {
    font-size: 1rem;
    color: #858894;
    letter-spacing: 0;
    line-height: 18px;
    float: left;
    height: 26px;
    @if $appType == "LJ" {
        font-size: 0.94rem;
        color: #7e838c;
    }
}

.section-col-2 .item-value {
    font-size: 1rem;
    color: #27282e;
    letter-spacing: 0;
    line-height: 18px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 26px;
    @if $appType == "LJ" {
        font-size: 0.94rem;
        color: #252629;
        font-weight: bold;
        padding-left: 0.75rem;
    }
}

.section-col-one .main-item {
    display: flex;
}
.section-col-one .title {
    font-size: 1.13rem;
    color: #252629;
    letter-spacing: 0;
    line-height: 1.13rem;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 1rem;
}
.section-col-one .item-label {
    letter-spacing: 0;
    line-height: 18px;
    float: left;
    height: 31px;
    font-size: 0.94rem;
    color: #7e838c;
}

.section-col-one .item-value {
    letter-spacing: 0;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 31px;
    @if $appType == "LJ" {
        height: auto;
    }
    font-size: 0.94rem;
    color: #252629;
    font-weight: bold;
    padding-left: 0.75rem;
}
.min-width {
    min-width: fit-content;
}
.multi-line {
    overflow: unset !important;
    white-space: unset !important;
    overflow: unset !important;
}
.item-status {
    background: rgb(253, 233, 229);
    border-radius: 2px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    font-size: 0.68rem;
    color: rgb(236, 79, 47);
    letter-spacing: 0;
    line-height: 19px;
    margin-top: -3.5px;
    vertical-align: middle;
    @if $appType == "LJ" {
        background: rgb(255, 237, 190);
        color: #755020;
    }
}
.item-img {
    display: block;
    height: 24px;
    width: 33px;
    float: right;
}

.img-deal {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    margin-top: 1.25rem;
    right: 1.25rem;
}
.img-deal.img-deal-service {
    display: block;
    position: absolute;
    width: 4.25rem;
    height: 4.25rem;
    margin-top: 0px;
}

.grade-info {
    color: #5c5e66;
    background: #f5f5f7;
    padding: 0.94rem;
    font-size: 0.88rem;
    margin-top: -0.375rem;
    border-radius: 0.31rem;
}
.service-info {
    color: #5c5e66;
    background: #f5f5f7;
    padding: 0.94rem;
    padding-bottom: 0.94rem;
    font-size: 0.88rem;
    margin-top: -0.375rem;
    border-radius: 0.31rem;
    line-height: 0.88rem;
}
.service-li {
    margin-bottom: 0.94rem;
}
.service-title {
    color: #5c5e66;
    margin-bottom: 0.63rem;
}
.service-title ::before {
    content: "• "; /* 自定义图标，也可以使用字体图标 如：content: "\f105"; font-family: FontAwesome;*/
    color: #b6b7bf; /* 自定义颜色 */
}
.sign-value {
    color: #ff6314;
    padding-left: 0.68rem;
}
.service-value {
    color: #858894;
    padding-left: 0.68rem;
    @if $appType == "LJ" {
        padding-left: 0.5rem;
    }
}
// 物业配套
.property-set-icon {
    text-align: center;
}
.property-set-icon img {
    margin-bottom: 12px;
    width: 1.5rem;
    height: 1.5rem;
}
.property-set-icon p {
    font-size: 0.8rem;
    color: #5c5e66;
    letter-spacing: 0;
    text-align: center;
    line-height: 13px;
}
#all-set {
    width: 44px;
    height: 44px;
    font-size: 0.8rem;
    color: #7485a6;
    letter-spacing: 0;
    text-align: center;
    line-height: 44px;
    background: #ebebed;
    border-radius: 22px;
    float: right;
}

.line {
    border-top: 0.04rem solid #ebebed;
    padding-top: 1px;
}
// 客服
#consultant {
    margin-top: 1.65rem;
    margin-bottom: 2.81rem;
    width: 100%;
    height: 2.5rem;
}
#consultant.consultant-deal {
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.05);
    border-radius: 0.31rem;
    border: 0.03rem solid rgba(235, 235, 237, 1);
    padding: 1.25rem;
    height: auto;
}
#consultant-avatar {
    float: left;
    height: 2.5rem;
    width: 2.5rem;
    vertical-align: middle;
}
#consultant-avatar img {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 1.25rem;
}
#consultant-content {
    float: left;
    margin-left: 0.63rem;
}
#consultant-content #consultant-name {
    font-size: 1rem;
    color: #27282e;
    letter-spacing: 0;
    line-height: 1rem;
    margin-bottom: 0.63rem;
    font-weight: bold;
}
#consultant-content #consultant-name #consultant-label {
    font-size: 0.68rem;
    color: #8695b3;
    letter-spacing: 0;
    line-height: 1rem;
    background: rgba(134, 149, 179, 0.15);
    border-radius: 0.13rem;
    display: inline-block;
    padding: 0.01rem 0.31rem;
    margin-left: 0.31rem;
    font-weight: normal;
    transform: translateY(-0.1rem);
}
#consultant-content #consultant-more {
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
}
#consultant-call {
    float: right;
    width: 5.56rem;
    height: 2rem;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border: #ff6314 solid 0.06rem;
    border-radius: 0.19rem;
    font-size: 0.81rem;
    line-height: 1.88rem;
    color: #ff6314;
}

#consultant-call p {
    display: inline-block;
    font-size: 0.82rem;
    color: #ff6314;
    letter-spacing: 0;
    line-height: 0.81rem;
    vertical-align: middle;
}

#consultant-call img {
    display: inline-block;
    width: 0.81rem;
    height: 0.81rem;
    margin-right: 5px;
}

.consultant-call {
    float: right;
}
.consultant-call .call,
.activated {
    color: #ff6314;
    font-size: 0.81rem;
    line-height: 0.81rem;
    border-radius: 2px;
}
.consultant-label {
    font-size: 1.06rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1.06rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.13rem;
}
.consultant-icon {
    display: inline-block;
    height: 1.13rem;
    width: 1.13rem;
    margin-right: 0.63rem;
}

// 描述
#desc {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 1rem;
    color: #5c5e66;
    line-height: 22px;
    width: 100%;
    height: auto;
}
.sub-show {
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 5;
    overflow: hidden;
}
#all {
    font-size: 1rem;
    color: #637aa6;
    line-height: 1rem;
    margin-top: 0.63rem;
    display: none;
}

#imgSlides {
    margin-top: 15px;
}
#transfer-info {
    color: #27282e;
    font-size: 16px;
    clear: both;
}
.detail-icon {
    width: 0.44rem;
    height: 1.3rem;
    background: url("../../../assets/icon/details_icon_more@3x.png") center no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 0.31rem;
    flex-shrink: 0;
}
.title {
    margin-top: 35px;
}
.shop-left {
    width: 0px;
    height: 68px;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 5px;
    float: left;
}
.shop-img {
    width: 90px;
    height: 68px;
    float: left;
    margin: 15px;
}
.shop-right {
    padding-top: 15px;
}
.shop-info-bg {
    margin-top: 20px;
    background: rgba(245, 245, 247, 1);
    border-radius: 5px;
    padding-bottom: 15px;
}

.shop-title {
    margin-right: 10px;
    margin-left: 22px;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
}
.shop-info {
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
    margin-right: 10px;
    margin-left: 22px;
    margin-bottom: 0.5rem;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.shop-tag {
    color: white;
    font-size: 0.69rem;
    background: linear-gradient(270deg, #ff6314 0%, #ff9500 100%);
    box-shadow: -1px -1px 3px 0px rgba(255, 235, 102, 0.2);
    border-radius: 8px 1px 7px 1px;
    padding: 1px 5px 1px 5px;
    margin-left: 5px;
    height: 1rem;
    display: none;
}
.shop-area {
    font-size: 0.94rem;
    color: rgba(255, 99, 20, 1);
    line-height: 0.94rem;
    margin-right: 10px;
    margin-bottom: 20px;
    font-weight: bold;
}
.shop-rent {
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
    font-weight: 400;
}

.transfer-img {
    height: 80px;
    width: 80px;
    display: inline-block;
    object-fit: cover;
    border-radius: 2px;
}
// style 10
.ul-bg {
    overflow: hidden;
    width: 100%;
    height: 7.78rem;
}
.ul-photo {
    margin-top: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: auto;
    height: 7.76rem;
    -webkit-overflow-scrolling: touch;
    padding-right: 0.94rem;
}
.item-photo {
    margin-right: 0.31rem;
    display: inline-block;
    height: 7.76rem;
    width: 5rem;
    margin-bottom: 0rem;
    line-height: 5rem;
    text-align: center;
}
.photo {
    height: 5rem;
    width: 5rem;
    border-radius: 0.13rem;
}

.item-photo::-webkit-scrollbar {
    display: none;
}
.item-title {
    text-align: center;
    height: 0.88rem;
    font-size: 0.88rem;
    color: rgba(92, 94, 102, 1);
    line-height: 0.88rem;
    margin-top: 0.63rem;
}
.investment-header-logo {
    object-fit: cover;
    height: 3rem;
    width: 4rem;
    display: inline-block;
}
.right-content {
    display: inline-block;
    margin-left: 0.94rem;
    height: 3rem;
}
.no-sonsociation {
    line-height: 3rem;
}
.cp-au {
    margin-top: 0.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
}
.no-sonsociation .cp-au {
    margin-top: 0rem;
    height: 100%;
}
.au-cp.success {
    margin-top: 0.31rem;
    height: 1rem;
    display: flex;
    align-items: center;
}
.investment-header .cp-name {
    display: inline-block;
    height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
    margin-right: 0.31rem;
}
.no-sonsociation .cp-name {
    margin-top: 0rem;
}
.investment-auth-label {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 1);
    height: 1rem;
    text-align: center;
    padding-left: 0.19rem;
    padding-right: 0.13rem;
    line-height: 1rem;
    background: linear-gradient(270deg, rgba(72, 191, 48, 1) 0%, rgba(154, 217, 65, 1) 100%);
    border-radius: 0.13rem 0rem 0.13rem 0rem;
    margin-right: 0.31rem;
    display: inline-block;
}
.sonsociation-tag {
    display: inline-block;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 1);
    line-height: 1.1rem;
    background: linear-gradient(270deg, rgba(255, 99, 20, 1) 0%, rgba(255, 149, 0, 1) 100%);
    border-radius: 0.13rem 0rem 0rem 0.13rem;
    height: 1.1rem;
    margin-top: 0.35rem;
}
.success.sonsociation-tag {
    display: inline;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 1);
    line-height: 1rem;
    background: linear-gradient(270deg, rgba(255, 99, 20, 1) 0%, rgba(255, 149, 0, 1) 100%);
    border-radius: 0.13rem 0rem 0rem 0.13rem;
    margin-top: 0rem;
}
.success.sub-title {
    margin-top: 0.69rem;
    height: 0.75rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
}
.sonsociation-label {
    font-size: 0.69rem;
    color: rgba(255, 99, 20, 1);
    display: inline-block;
    padding-left: 0.31rem;
    padding-right: 0.31rem;
    line-height: 1rem;
    border-radius: 0rem 0.13rem 0.13rem 0rem;
    border: 0.03rem solid rgba(255, 99, 20, 1);
    margin-top: 0.35rem;
}
.info.no-info {
    margin-bottom: 0.63rem;
}
.data-ul {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.1);
    border-radius: 0.31rem;
    border: 0.03rem solid rgba(39, 40, 46, 0.05);
    padding: 0.94rem 0;
}
.investment-header-label {
    margin-top: 0.4rem;
    font-size: 0.75rem;
    color: #858894;
    line-height: 1rem;
}
.investment-header .info {
    margin-top: 0.63rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 1rem;
    margin-bottom: 0.94rem;
}
.data-li {
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
    width: calc((100vw - 2.65rem) / 4);
}
.og-value {
    color: #ff6314;
}
.investment-header .data-label {
    height: 0.75rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
}
.investment-header .data-value {
    margin-top: 0.63rem;
    font-size: 1rem;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
}
.shop-bg {
    margin-top: 1.88rem;
    height: 9.06rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.06);
    border-radius: 0.31rem;
    border: 0.03rem solid rgba(235, 235, 237, 1);
    position: relative;
}
.tag-bg {
    min-width: 7.94rem;
    height: 2.38rem;
    position: absolute;
    top: 0.5rem;
    left: -0.44rem;
    background: url(../../../assets/icon/brand_success_bg_shop@3x.png) no-repeat;
    background-size: auto;
    padding-left: 0.88rem;
    padding-right: 1.5rem;
    background-size: 100% 100%;
    padding-top: 0.63rem;
}
.tag-label {
    height: 0.81rem;
    font-size: 0.81rem;
    font-weight: bold;
    color: rgba(255, 247, 231, 1);
    line-height: 0.81rem;
}
.success-action-label {
    height: 0.81rem;
    font-size: 0.81rem;
    color: rgba(141, 142, 148, 1);
    line-height: 0.81rem;
    display: inline-block;
}
.success-more-icon {
    width: 0.38rem;
    height: 0.81rem;
    background: url("../../../assets/icon/details_icon_more@3x.png") center no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 0.31rem;
    vertical-align: bottom;
}
.success-shop-left {
    width: 5.63rem;
    height: 4.19rem;
    float: left;
    margin-right: 0.94rem;
}
.success-shop-left img {
    width: 5.63rem;
    height: 4.19rem;
    object-fit: cover;
    display: inline-block;
}
.success-shop-right {
    margin-left: 0.94rem;
}
.shop-name {
    height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.shop-address {
    margin-top: 0.44rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 1.06rem;
    height: auto;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
}
.investment-header {
    padding: 0 1.25rem;
    padding-top: 0.94rem;
}

.join-bg {
    margin-top: 1.88rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    height: 5.13rem;
    background: linear-gradient(90deg, rgba(56, 175, 116, 1) 0%, rgba(84, 218, 129, 1) 100%);
    border-radius: 0.31rem;
    position: relative;
    display: flex;
    align-items: center;
}
.join-bg-img {
    width: 6.56rem;
    height: 4rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.join-bg-img img {
    object-fit: cover;
}
.join-left {
    padding-left: 1.25rem;
    display: inline-block;
}
.join-title {
    font-size: 1.13rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 1.13rem;
}
.join-info {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.75rem;
}
.join-right {
    width: 5.63rem;
    height: 2rem;
    top: 1.56rem;
    right: 1.25rem;
    z-index: 1000;
    position: absolute;
}
.join-action {
    text-align: center;
    width: 5.63rem;
    height: 2rem;
    line-height: 2rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 1rem;
    color: #37af73;
}
.title.image-text-title {
    padding: 0.625rem 0rem 1.25rem 0rem;
}
.cp-info-bg {
    margin-top: 1.88rem;
    margin-bottom: 1.88rem;
    width: 100%;
    height: 4.75rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.05);
    border-radius: 0.31rem;
    border: 0.03rem solid rgba(235, 235, 237, 1);
    position: relative;
}
.cp-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 0.94rem;
    margin-top: 1.88rem;
    margin-right: 0.5rem;
}
.cp-title {
    margin-top: 1.88rem;
    height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100vw - 6.5rem);
}
.arrow-right {
    width: 0.37rem;
    height: 0.68rem;
    position: absolute;
    right: 0.94rem;
    top: 2.06rem;
}
.cp-text-info {
    font-size: 1rem;
    color: rgba(92, 94, 102, 1);
    line-height: 1.38rem;
    margin-bottom: 1.88rem;
}
// 装修方案头部
.section-pading-15 {
    padding: 0 0.94rem;
}
.design-bg {
    height: 7.38rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.25rem 1rem 0rem rgba(39, 40, 46, 0.08);
    border-radius: 0.31rem;
    z-index: 2;
    margin-top: -2.88rem;
    position: relative;
}
.design-title {
    padding-top: 1.06rem;
    font-size: 1.38rem;
    font-weight: bold;
    color: #27282e;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
    padding-left: 0.94rem;
    padding-right: 0.94rem;
}
.design-li {
    width: calc((100vw - 2rem) / 4);
    text-align: left;
    display: inline-block;
    padding-left: 0.94rem;
}
.design-label {
    height: 0.69rem;
    font-size: 0.69rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.69rem;
}
.design-value {
    height: 0.81rem;
    font-size: 0.81rem;
    color: rgba(39, 40, 46, 1);
    line-height: 0.81rem;
    margin-top: 0.63rem;
}
.rigth-p10 {
    padding-right: 0.94rem;
}
.style17-logo {
    margin-right: 0.63rem;
    object-fit: cover;
    height: 2.5rem;
    width: 2.5rem;
    display: inline-block;
    border-radius: 1.25rem;
}
.design-cp-right-content {
    margin-right: 1.63rem;
    padding-top: 0.13rem;
}
.design-cp-info-bg .cp-name {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
    margin-right: 0.31rem;
    max-width: calc(100vw - 10rem);
}
.design-cp-info-bg {
    height: 2.5rem;
    margin-top: 1.88rem;
    position: relative;
    display: flex;
    align-items: center;
}
.design-cp-info-bg .auth-label {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 1);
    height: 1rem;
    text-align: center;
    padding-left: 0.19rem;
    padding-right: 0.13rem;
    line-height: 1rem;
    background: linear-gradient(270deg, rgba(72, 191, 48, 1) 0%, rgba(154, 217, 65, 1) 100%);
    border-radius: 0.13rem 0rem 0.13rem 0rem;
    vertical-align: text-top;
}
.design-cp-info {
    height: 0.69rem;
    font-size: 0.69rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.69rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0.5rem;
}

.design-cp-arrow-right {
    right: 0;
    width: 0.38rem;
    height: 0.69rem;
    position: absolute;
    top: 0.94rem;
}
// <!-- 户型图 -->
.design-img {
    object-fit: cover;
    margin-bottom: 1.25rem;
    width: calc(100vw - 2.5rem);
}
.design-img-last {
    margin-bottom: 0.625rem;
}
.long-image {
    object-fit: cover;
    margin-bottom: 2.81rem;
    width: calc(100vw - 2.5rem);
}
.decoration-cp-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 0.13rem;
    border: 0.03rem solid rgba(235, 235, 237, 1);
    margin-right: 0.94rem;
}
.decoration-cp-info-bg-logo {
    object-fit: cover;
    height: 4rem;
    width: 4rem;
    display: inline-block;
    border-radius: 0.13rem;
}
.decoration-cp-right-content {
    padding-top: 0.81rem;
}
.decoration-cp-info-bg {
    margin-top: 1.25rem;
    position: relative;
}
.decoration-cp-info-bg .cp-name {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* fixed by andrew.wen for  MIX3 以及 VIVO x27等手机上会被切割 标题的高度=font-size + 与下个组件的间隙 = 1rem + 0.63 */
    height: 1.63rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    /* fixed by andrew.wen for  MIX3 以及 VIVO x27等手机上会被切割 line-height:1rem; */
    // line-height:1rem;
    margin-right: 0.31rem;
    max-width: calc(100vw - 10rem);
}
.decoration-cp-info-bg .auth-label {
    font-size: 0.69rem;
    color: rgba(255, 255, 255, 1);
    height: 1rem;
    text-align: center;
    padding-left: 0.19rem;
    padding-right: 0.13rem;
    line-height: 1rem;
    background: linear-gradient(270deg, rgba(72, 191, 48, 1) 0%, rgba(154, 217, 65, 1) 100%);
    border-radius: 0.13rem 0rem 0.13rem 0rem;
    vertical-align: text-top;
}
.decoration-cp-info-bg .decoration-cp-info {
    height: 0.75rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* fixed by andrew.wen for  MIX3 以及 VIVO x27等手机上会被切割 标题的高度=font-size + 与下个组件的间隙 = 1rem + 0.63 */
}
.all-design {
    height: 0.81rem;
    font-size: 0.81rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.81rem;
}
.all-arrow-right {
    width: 0.38rem;
    height: 0.63rem;
    display: inline-block;
    margin-left: 0.31rem;
}
.design-ul-bg {
    overflow: hidden;
    width: 100%;
    height: 10.5rem;
}
.design-ul {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: auto;
    height: 10.5rem;
    margin-top: 1.25rem;
    -webkit-overflow-scrolling: touch;
}
.design-item {
    width: 9.38rem;
    margin-right: 0.63rem;
    display: inline-block;
    height: 9.32rem;
}
.design-item-img {
    display: inline-block;
    width: 9.38rem;
    height: 6.25rem;
    border-radius: 0.13rem;
    object-fit: cover;
}
.design-item-title {
    width: 9.38rem;
    height: 0.88rem;
    font-size: 0.88rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 0.88rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.63rem;
    margin-bottom: 0.44rem;
}
.design-item-area {
    width: 9.38rem;
    height: 0.75rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 0.75rem;
}

.guide-bg {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 40, 46, 0.06);
    border-radius: 0.5rem;
    border: 0.03rem solid rgba(235, 235, 237, 1);
    padding: 1.87rem 1.25rem;
    padding-bottom: 0rem;
    margin-top: 2.81rem;
    margin-bottom: 1.87rem;
}
.guide-title {
    height: 1.25rem;
    font-size: 1.25rem;
    font-weight: bold;
    color: rgba(255, 99, 20, 1);
    line-height: 1.25rem;
    text-align: center;
    position: relative;
    display: inline-block;
    padding-left: 0.19rem;
    padding-right: 0.19rem;
}
.guide-title::before {
    content: "";
    position: absolute;
    bottom: -0.19rem;
    left: 0;
    width: 100%;
    height: 0.63rem;
    background: rgba(255, 187, 68, 0.2);
}

.guide-ul {
    margin-top: 2.81rem;
}
.guide-li {
    margin-bottom: 2.5rem;
}
.last-li {
    margin-bottom: 1.88rem;
}
.guide-left img {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-block;
    object-fit: cover;
    margin-right: 1.25rem;
}
.guide-label {
    margin-top: 0.19rem;
    height: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: rgba(39, 40, 46, 1);
    line-height: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.guide-info {
    margin-top: 0.63rem;
    height: 0.75rem;
    font-size: 0.75rem;
    color: rgba(133, 136, 148, 1);
    line-height: 1.06rem;
}
//图文详情的标题样式修改
.imgicon {
    display: flex;
    margin-top: 2.18rem;
    padding-top: 0.625rem;
}
.imgicon .title {
    margin-top: 0px;
}
.imgicon .title.image-text-title {
    padding: 0rem 0rem 2.18rem 0rem;
}
.imgbg {
    width: 0.19rem;
    height: 1.13rem;
    background: linear-gradient(135deg, #f76b1c 0%, #fad961 100%);
    border-radius: 0.09rem;
    margin-top: 0.062rem;
    margin-right: 0.32rem;
    line-height: 1.13rem;
}
//新增图集入口
.section-picture {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0.25rem 0.62rem 0px rgba(39, 40, 46, 0.05);
    border-radius: 0.31rem;
    border: 0.062rem solid rgba(235, 235, 237, 1);
    margin: 0.62rem 1.25rem 1.25rem 1.25rem;
    padding: 0.93rem 0px 0.62rem 0.93rem;
}
.detail-icon-style25 {
    width: 0.37rem;
    height: 0.75rem;
    margin-right: 0.93rem;
    flex-shrink: 0;
}
.section-picture .title {
    font-size: 1.06rem;
}
.section-picture .transfer-img {
    width: 5.6rem;
    height: 4.18rem;
}
.js-recommmand-box {
    background: rgba(255, 225, 74, 0.11) #ffffff;
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(39, 41, 46, 0.05);
    border-radius: 0.5rem;
    border: 0.03rem solid #e8eaed;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 1.19rem;
    padding-bottom: 1.25rem;
}
.js-recommend-bg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.5rem;
}

.recommend-label-lj {
    width: 100%;
    font-size: 0.88rem;
    font-weight: bold;
    color: #252629;
    line-height: 1.13rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.right-icon-lj {
    height: 1.13rem;
    width: 1.13rem;
    margin-right: 0.25rem;
}
.view-btn-lj {
    color: #5c6e99;
    font-size: 0.88rem;
    padding-left: 0.63rem;
    flex-shrink: 0;
    background: white;
}
.js-recommend-btn:first-child {
    min-height: 2rem;
    background: linear-gradient(90deg, #ffe14a 0%, #ffca3a 100%);
    border-radius: 1.09rem;
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
    color: #252629;
}
.js-recommend-btn:last-child {
    min-height: 2rem;
    border-radius: 1.09rem;
    background: linear-gradient(270deg, #3398fe 0%, #4db5ff 100%, #4db5ff 100%, #4db5ff 100%);
    font-size: 0.75rem;
    color: #ffffff;
    padding: 0.5rem 1rem;

    margin-left: 0.5rem;
}
.js-bottom-btn-box {
    display: flex;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    margin-top: 0.5rem;
}

//  推荐提示
.recommend-bg {
    height: 3.25rem;
    background: #fff6ed;
    border-radius: 0.13rem;
    margin-bottom: 0.31rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    position: relative;
    padding: 0 0.63rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recommend-label {
    display: flex;
    font-weight: bold;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    color: #27282e;
    line-height: 0.75rem;
}
.right-icon {
    width: 0.38rem;
    height: 0.7rem;
    display: inline-block;
    margin-left: 0.31rem;
    @if $appType == "LJ" {
        width: 1rem;
        height: 1rem;
        margin-left: 0.69rem;
        margin-right: 0.25rem;
    }
}

.view-btn {
    height: 1.38rem;
    background: rgba(255, 202, 58, 0.1);
    border-radius: 0.75rem;
    border: 0.06rem solid #ffca3a;
    font-size: 0.75rem;
    font-weight: 400;
    color: #946c00;
    padding-left: 0.63rem;
    padding-right: 0.63rem;
    margin-right: 0.75rem;
}

.recommend-num {
    color: #ff6314;
    padding: 0 0.25rem;
}
.recommend-btn {
    height: 1.38rem;
    background: #ff6314;
    border-radius: 0.69rem;
    font-size: 0.69rem;
    color: #ffffff;
    line-height: 1.38rem;
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.recommend-btn-showdow {
    margin-top: -0.63rem;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    width: 8.75rem;
    height: 0.63rem;
    background: linear-gradient(90deg, #ff9500 0, #ff6314 100%);
    border-radius: 1.06rem;
    opacity: 0.5;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.sep-element-line {
    height: 0.03rem;
    background: #ebebed;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 0.94rem;
    margin-bottom: -0.63rem;
}
.sep-element-div {
    height: 0.63rem;
    width: 100%;
    background: #f7f8fa;
    margin-top: 0.94rem;
    margin-bottom: -0.63rem;
}

.style2-lj {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 1.25rem;
    white-space: nowrap;
}
.style2-lj .item-value-lj {
    font-size: 1.25rem;
    font-weight: bold;
    color: #ff595e;
    line-height: 1.25rem;
}
.item-unit-up-lj {
    font-size: 0.81rem;
    font-weight: bold;
    color: #ff595e;
    line-height: 0.81rem;
}
.item-label-lj {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #959ba6;
    line-height: 0.75rem;
}
.item-unit-down-lj {
    font-size: 0.75rem;
    color: #959ba6;
    line-height: 0.75rem;
}
.last-value {
    white-space: pre-wrap;
}
.last-value .item-value-lj {
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.line-lj {
    height: 0.03rem;
    background: #e8eaed;
    margin: 1.25rem;
    margin-top: 0.88rem;
    margin-bottom: 0.94rem;
}
// 卡片式地址栏
.card-bg {
    padding: 0.75rem 1rem;
    background: #ffffff;
    box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(37, 38, 41, 0.05);
    border-radius: 0.31rem;
    border: 0.03rem solid #e8eaed;
    font-size: 1rem;
    color: #637aa6;
    line-height: 1.38rem;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.card-bg span {
    color: #252629;
    display: inline-block;
    margin-right: 0.25rem;
    white-space: nowrap;
}
.card-img {
    width: 2.06rem;
    height: 1.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.tag-item-bg {
    display: flex;
    align-self: start;
    flex-wrap: wrap;
    padding-top: 0.63rem;
}

.tag-item {
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    padding-left: 0.63rem;
    padding-right: 0.75rem;
    display: flex;
    align-items: center;
}
.tag-item-img {
    width: 0.56rem;
    height: 0.69rem;
    margin-right: 0.25rem;
}

.build-info-bg {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    display: flex;
    align-items: center;
}
.build-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 25%;
    justify-content: center;
    height: 4.81rem;
}
.build-info-label {
    margin-top: 0.63rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #7e838c;
    line-height: 0.75rem;
}

.build-info-value {
    font-size: 0.94rem;
    font-weight: 400;
    color: #252629;
    line-height: 0.94rem;
}
.info-bg {
    margin: 0 1.25rem;
    display: flex;
    flex-direction: column;
}
.info-bg-icon {
    height: 0.38rem;
    width: 0.56rem;
    margin-left: 1.25rem;
}
.info-box {
    padding: 0.75rem 1rem;
    position: relative;
    background: #fafbfc;
}
.bg-icon {
    height: 1rem;
    width: 1rem;
    position: absolute;
    z-index: 1;
    left: 0.5rem;
    top: 0.31rem;
}
.info-bg-info {
    z-index: 3;
    font-size: 0.88rem;
    color: #575a61;
    line-height: 1.25rem;
    position: relative;
}
.door-model-bg-bg {
    margin-top: 0.5rem;
    height: 12.78rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.door-model {
    margin-right: 0.5rem;
}
.model-img {
    width: 10rem;
    height: 7.5rem;
    border-radius: 0.13rem;
    border: 0.03rem solid #e8eaed;
    display: block;
}
.tags-bg {
    display: flex;
    align-items: center;
}
.tags-bg .tag {
    height: 1rem;
    background: rgba(39, 196, 152, 0.1);
    border-radius: 0.13rem;
    font-size: 0.69rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: 400;
    color: #27c498;
    line-height: 1rem;
    margin-right: 0.31rem;
}
.text-bg {
    width: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0.63rem;
    padding-bottom: 0.31rem;
    height: 4.73rem;
}
.model-title {
    font-size: 0.81rem;
    font-weight: 400;
    color: #252629;
    line-height: 0.81rem;
}
.door-model-bg {
    overflow: scroll;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 0.5rem;
    height: 12.78rem;
}
.door-model-bg .price,
.door-model-bg .type {
    font-size: 0.81rem;
    font-weight: 400;
    color: #7e838c;
    line-height: 0.81rem;
    display: inline-block;
    margin-right: 0.5rem;
}
.custom-item {
    height: 0.55rem;
}
.eye {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: absolute;
    right: 0px;
    background: url("../../../assets/laijian/login_icon_hide@3x.png") no-repeat center;
    background-size: 60%;
    z-index: 1000;
}
.eye.eyeshow {
    background-image: url("../../../assets/laijian/login_icon_open@3x.png");
}
.service-box {
    border-left: 0.13rem solid #e3e5e8;
    display: flex;
    flex-direction: column;
    padding-left: 1.13rem;
}
.contentFont {
    font-size: 0.88rem;
    font-weight: 500;
    color: #45474d;
    padding-bottom: 0.75rem;
}
.contentFont:last-child {
    padding-bottom: unset !important;
}
.sub-title {
    padding-top: 0.75rem;
    padding-bottom: 1rem;
}
.sub-font {
    font-size: 0.75rem;
    font-weight: 400;
    color: #7e838c;
}

.sub-icon {
    position: absolute;
    top: 5.5rem;
    right: 1.25rem;
    width: 6.38rem;
    height: 6.38rem;
}

.con-img {
    width: 5rem;
    height: 5rem;
    margin-right: 0.31rem;
}

.img-box {
    display: flex;
    margin-left: 1rem;
    margin-top: 0.75rem;
}
.item-bg-fw {
    display: flex;
    padding: 1rem;
}
.copy {
    font-size: 0.69rem;
    color: #45474d;
    height: 1.13rem;
    border-radius: 0.31rem;
    border: 0.03rem solid #B3B3B3;
    padding: 0 0.31rem;
    margin-left: 0.31rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.title-fw {
    padding: 0 1rem;
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    line-height: 1.38rem;
}
.item-label-fw {
    width: 6.25rem;
    font-size: 0.94rem;
    color: #7e838c;
    flex-shrink: 0;
}
.item-label-grade{
    display: flex;
    align-items: center;
}
.item-value-grade
{
    margin-left: 0.56rem;
}

.item-tags-fw {
    display: flex;
    flex-wrap: wrap;
}
.item-tags-fw .tag {
    height: 1.75rem;
    background: #ffffff;
    border-radius: 0.88rem;
    border: 0.06rem solid #a68d54;
    font-size: 0.88rem;
    font-weight: bold;
    color: #a68d54;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
}
.item-process-fw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item-process-bg {
    // margin-right: 1rem;
    flex-shrink: 0;
    position: relative;
    width: calc((100vw - 4rem) * 0.33);
}
.item-process {
    margin-top: 0.44rem;
    height: 7.32rem;
    background: #ffffff linear-gradient(135deg, #ffffff 0%, #ffffff 49%, rgba(240, 242, 245, 0.6) 100%, #f4f6f9 100%);
    border-radius: 0.25rem;
    border: 0.03rem solid #e8eaed;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.5rem;
    position: relative;
}
.free-tag {
    position: absolute;
    right: 0;
    padding: 0 0.31rem;
    display: flex;
    align-items: center;
    height: 0.88rem;
    background: #e5faf2;
    border-radius: 0.25rem 0.25rem 0.25rem 0rem;
    font-size: 0.63rem;
    color: #00cf7f;
    z-index: 2;
}

.process-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.75rem;
}
.process-label {
    margin-top: 0.6rem;
    font-size: 0.81rem;
    font-weight: bold;
    color: #252629;
}
.process-info {
    margin-top: 0.6rem;
    font-size: 0.69rem;
    color: #45474d;
    text-align: center;
}
.process-bg-img {
    width: 4.25rem;
    height: 3.25rem;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0.25rem;
}
.item-value-fw {
    // margin-right: 1.63rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.94rem;
    color: #252629;
    padding-left: 0.75rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.item-value-fw.more-line {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
}

.sale-bg {
    background-color: rgrb(97, 48, 48);
    padding: 1rem;
}
.price-sale-bg {
    display: flex;
    align-items: center;
}
.price-bg {
    display: flex;
    align-items: baseline;
    color: #ff3a33;
}
.unit-style34 {
    font-size: 1rem;
    font-weight: bold;
    color: #FF3D2B;
    line-height: 1.25rem;
}
.sale-bg .pirce-digits{
    font-size: 1.13rem;
    font-weight: bold;
    color: #FF3D2B;
    line-height: 1.25rem;
    margin-right: 1rem;
}
.price-style34 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #FF3D2B;
    line-height: 1.63rem;
}
.price-label{
    font-size: 0.75rem;
    font-weight: 400;
    color: #222222;
    line-height: 1.06rem;
}
.title-style34 {
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    line-height: 1.38rem;
    -webkit-user-select: auto;
}
.original-price {
    font-size: 0.75rem;
    color: #959ba6;
    line-height: 0.75rem;
    margin-left: 0.5rem;
    margin-top: 0.25rem;
    flex-grow: 1;
    text-decoration: line-through;
}
.sale-count {
    font-size: 0.75rem;
    color: #959ba6;
    line-height: 0.75rem;
    flex-grow: 1;
    text-align: right;
}
.price-sale-tag{
    height: 1.13rem;
    background: linear-gradient(135deg, #FFDE3B 0%, #FFC933 100%);
    border-radius: 0.5rem 0rem 0.5rem 0rem;
    font-size: 0.69rem;
    color: #222222;
    padding: 0 0.25rem;
    display: inline-flex;
    align-items: center;
    margin-right: 0.38rem;
}
.price-sale-info{
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #999999;
    line-height: 1.06rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.art{
    margin-left: 0.75rem;
    display: inline-block;
    width: 50%;
}
.price-sale-label{
    font-size: 0.88rem;
    color: rgba(255,255,255,0.8);
    line-height: 1.25rem;
    text-align: center;
    padding: 0.75rem 2rem;
    height: 4.06rem;
    background:rgba(0,0,0,0.7);
}
.content-service {
    padding: 1.5rem 1rem;
}
.item-style36 {
    display: flex;
    align-items: inherit;
    margin-bottom: 1.3rem;
}
.icon-style36 {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1rem;
}
.label-style36 {
    font-size: 1rem;
    color: #252629;
    text-align: left;
}
.info-style36 {
    margin-top: 0.45rem;
    font-size: 0.81rem;
    color: #7e838c;
}
.img-list-bg {
    padding: 1.25rem 1rem;
    padding-right: 0px;
}
.img-list-bg .label {
    font-size: 0.88rem;
    color: #252629;
}
.img-bg {
    margin-top: 1rem;
    display: flex;
    overflow-x: scroll;
}
.img-bg ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.img-item {
    flex-shrink: 0;
    margin-right: 0.63rem;
    width: 7.5rem;
    height: 5.63rem;
    border-radius: 0.25rem;
    border: 0.03rem solid #e8eaed;
}
.style10-img-list-bg{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    align-items: center;
    padding-left:0.5rem ;
}
.style10-img-list-bg ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
.style10-photo{
  width: 6.25rem;
  height: 6.25rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  border: 0.03rem solid #EDEDED;
}
.my-shop-info-bg {
    min-height: 3.56rem;
    background: #ffffff;
    box-shadow: 0rem 0.13rem 1.25rem 0rem rgba(37, 38, 41, 0.1);
    border-radius: 0.5rem;
    padding: 0;
    margin: 0.5rem;
}
.item-style38 {
    margin: 0 1rem;
    padding: 1.25rem 0;
    display: flex;
    align-items: center;
}
.label-style38 {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    flex-basis: 5.5rem;
}
.value-style38 {
    flex-grow: 1;
    font-size: 1rem;
    color: #575a61;
}
.rightLabel {
    font-size: 0.81rem;
    color: #7e838c;
}
.border-top {
    border-top: 0.03rem solid #e8eaed;
}
.service-info-bg {
    padding-top: 2.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.service-info-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #252629;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}
.service-info-title-label {
    padding: 0 0.75rem;
}
.service-info-title img {
    height: 0.5rem;
    width: 0.88rem;
}
.service-info-sh {
    font-size: 0.94rem;
    margin-top: 1.25rem;
    color: #575a61;
    line-height: 1.38rem;
}
.service-mark {
    background: #f7f8fa;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
}
.service-mark img {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1rem;
}
.service-mark-p {
    font-size: 0.94rem;
    color: #575a61;
    line-height: 1.25rem;
}
.service-label {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    margin-bottom: 1rem;
    margin-top: 1.75rem;
}
.service-icon-bg {
    font-size: 0.94rem;
    color: #575a61;
    line-height: 1.31rem;
    display: flex;
    align-items: baseline;
    margin-bottom: 0.63rem;
}
.dot-style39 {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 0.22rem;
    margin-right: 0.5rem;
    background: #ffaa00;
    flex-shrink: 0;
}
.service-icons-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-style39 {
    width: 5rem;
    height: 5rem;
}
.label-style39 {
    margin-top: 0.25rem;
    font-size: 0.94rem;
    color: #575a61;
}
.add-style39 {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.88rem;
    margin-top: -1.5rem;
}
.item-bg {
    border-bottom: #ebebed solid 0.03rem;
    margin: 0 1rem;
    padding: 0.94rem 0;
    display: flex;
    align-items: center;
}

.last-item {
    border-bottom: none;
    padding: 0.88rem 0 1.5rem 0;
    border-radius: 0rem 0rem 0.5rem 0.5rem;
}
.item-total {
    padding: 1rem;
    margin: 0;
    border-radius: 0;
}
.decorate-info-bg {
    margin: 0.75rem 0.5rem;
}
.label-style40 {
    font-size: 0.88rem;
    color: #232529;
}
.value-bg {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.value-style40 {
    display: flex;
    align-items: baseline;
    font-size: 0.88rem;
    color: #232529;
    font-weight: bold;
}
.value-N {
    font-size: 0.75rem;
    color: #7e838c;
    margin-bottom: 0.31rem;
}
.unit-style40 {
    font-size: 0.75rem;
    color: #27282e;
}
.decorate-header {
    padding: 1.25rem 1rem;
    background: #252629;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    font-size: 0.88rem;
    font-weight: bold;
    color: #ffffff;
}

.reply-title {
    height: 2.25;
    font-size: 1.25rem;
    font-weight: bold;
    color: #252629;
    padding: 0 1.25rem;
    line-height: 2.25rem;
}
.reply-info {
    margin: 0.5rem;
    padding: 0.94rem 1rem;
    background: #ffffff;
    border-radius: 0.5rem;
    font-size: 0.88rem;
    color: #252629;
    line-height: 1.25rem;
}
.title-img-status {
    position: absolute;
    top: 1.25rem;
    right: 0;
    width: 5rem;
    height: 5rem;
}
.brand-bg {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.5rem;
}
.brand-title {
    font-size: 1rem;
    font-weight: bold;
    color: #252629;
    margin-top: 1rem;
}
.brand-info {
    margin-top: 1.94rem;
    font-size: 0.94rem;
    color: #575a61;
    line-height: 1.38rem;
}
.all-price {
    display: flex;
    align-items: center;
}

.discount-tag {
    height: 1.13rem;
    background: linear-gradient(90deg, #ff8066 0%, #f21f0c 100%);
    border-radius: 0.25rem 0.25rem 0.5rem 0.25rem;
    font-size: 0.63rem;
    font-weight: bold;
    color: #ffffff;
    padding-left: 0.38rem;
    padding-right: 0.38rem;
    z-index: 2;
}
.discount-price {
    height: 1.13rem;
    border-radius: 0rem 0.25rem 0.25rem 0rem;
    opacity: 0.95;
    border: 0.03rem solid #ff3a33;
    font-size: 0.69rem;
    font-weight: bold;
    color: #ff3a33;
    padding-left: 0.88rem;
    padding-right: 0.38rem;
    margin-left: -0.63rem;
    z-index: 1;
}

.discount-box {
    display: flex;
    align-items: center;
}
.search-tip-bg{
    height: 4.06rem;
    background: linear-gradient(90deg, #E6FFF1 0%, #FFFFFF 100%);
    padding: 00.75rem 1.25rem;
    position: relative;
}
.search-tip-title{
    font-size: 0.94rem;
    color: #0F0F0F;
    line-height: 1.19rem;
    display: flex;
    align-items: center;
}
.search-tip-btn{
    margin-left: 0.5rem;
    display: inline-block;
    font-size: 0.94rem;
    color: #25B85E;
    line-height: 1.19rem;
}
.up-icon{
    display: inline-block;
    margin-left: 0.31rem;
    width: 0.5rem;
    height: 0.5rem;
}
.search-tip-info{
    margin-top: 0.38rem;
    font-size: 0.75rem;
    color: #808080;
    line-height: 1rem;
}
.search-tip-bg-img{
    height: 4.06rem;
    width: 4.06rem;
    position: absolute;
    right: 1.5rem;
    top: 0;
}
.tips{
    font-size: 0.88rem;
    font-weight: normal;
    color: #FF3A33;
    line-height: 1.13rem;
}
.style35-bg-sep-line{
    height: 0.03rem;
    background: #E8EAED;
    margin: 0 1rem;
}

.imgDolg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    background-color: black;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
}
.imgDolg img{
    width: 100%;
}
  
.detailed-content {
    width: 100%;
    margin-top: .75rem;
    height: 100%;
    background-color: #FFFFFF;
    position: relative;
    border-radius: 0.5rem;
}
  
.img-style45 {
    width: 5.75rem;
    height: 4.88rem;
    position: absolute;
    right: .75rem;
    top: -0.31rem;
}

.detailed-people {
    height: 4.54rem;
    display: flex;
}
.detailed-people-img {
    width: 3rem;
    height: 3rem;
    margin: 1rem 0 0 .75rem;
    border-radius: 50%;
  }

  .detailed-people-title {
    font-size: 1.13rem;
    font-weight: bold;
    color: #0F0F0F;
    margin: 1.75rem 0 0 .75rem;
  }
.detailed-lable {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.75rem;
    margin-top: .69rem;
    justify-content: space-between;
}
.detailed-lable-div {
    width: calc((100vw - 5rem)/3);
    border-radius: 1rem;
    border: 0.03rem solid rgba(255, 200, 0, 1);
    background-color: rgba(255, 249, 230, 1);
    text-align: center;
    margin: 0 .5rem .25rem .2rem;
    padding: 0.5rem 0;
  }
.detailed-lable-span {
    display: block;
    overflow-wrap: break-word;
    color: rgba(15, 15, 15, 1);
    font-size: 0.75rem;
    white-space: nowrap;
}
.detailed-content ::-webkit-scrollbar {
    display: none;
}

.detailed-division {
    width: 98%;
    height: 0.01rem;
    background-color: #ededed;
    margin: 1rem .75rem 1.25rem 0.25rem;
}
.detailed-comment {
    width: 100%;
    border-radius: 0.4rem;
    margin-right: 0.18rem;
}
.detailed-comment-p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000;
  height: 3.75rem;
  word-break: break-all;
  margin-top: 1.3rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  font-size: 0.88rem;
  line-height: 1.25rem;
}

.detailed-img {
    width: 23.44rem;
    height: 5.06rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .75rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
    position: relative;
}
.detailed-img-div {
    width: 5.06rem;
    height: 5.06rem;
    margin-right: .16rem;
}
.detailed-icon {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
}
.detailed-num {
      width: 2rem;
      height: 1.13rem;
      background: rgba(37, 38, 41, .7);
      border-radius: 0.56rem;
      position: absolute;
      text-align: center;
      right: 2.25rem;
      bottom: .25rem;
}
.detailed-num-span {
    display: block;
    font-size: 0.69rem;
    font-weight: 400;
    color: #FFFFFF;
}
.personal-content {
    width: 100vw;
    margin-top: .75rem;
    height: 100%;
    background-color: #FFFFFF;
    position: relative;
}
.personal-people {
    height: 3.84rem;
    display: flex;
}
.personal-people-title {
    font-size: 1.53rem;
    font-weight: bold;
    color: #0F0F0F;
    margin: 1.75rem 0 0 .75rem;
}
.personal-comment {
    width: 100%;
}
.personal-comment-p {        
    color: #000;
    font-size: 0.88rem;
    font-weight: 400;
    margin: 1.3rem 1rem 1rem 1.1rem;
}
.personal-img {
    height: 7.06rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: .75rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
}
.imgDiv {
    width: 7rem;
    height: 7rem;
    margin-left: .25rem;
    position: relative;
}
.imgDiv img {
    width: 100%;
    height: 100%;
    border-radius: 0.13rem;
}
.personal-num {
    width: 2rem;
    height: 1.13rem;
    background: rgba(37, 38, 41, .7);
    border-radius: 0.56rem;
    text-align: center;
    position: absolute;
    right: .5rem;
    bottom: .5rem;
}
.personal-num span {
    display: block;
    font-size: 0.69rem;
    font-weight: 400;
    color: #FFFFFF;
}
.popup-content{
      width: 100vw;
      height: 100%;
      margin: 1.06rem 0 1.5rem 1rem;
}
.popup-repair{
    display: flex;
    flex-direction: column;
}
.popup-repair-title{
    font-size: 1.13rem;
    font-weight: bold;
    color: #111111;
    margin: 1rem 0 .25rem 0;
  }
  .popup-repair-info{
    font-size: 0.75rem;
    font-weight: 400;
    color: #999999;
    margin-bottom: .5rem;
  }
  .right-style47{
    position: absolute;
    right: .75rem;
    top: 1.88rem;
    z-index: 99;
    width: 4.5rem;
    height: 1.75rem;
    background: linear-gradient(90deg, #FFDB3B 0%, #FFC73B 100%);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.right-style47-span{
    width: 3rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #111111;
}
.bg{
    width: 7.5rem;
    height: 5.45rem;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 .5rem .5rem 0;
}
.popup-r-content{
    height: 5.53rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    border: 0.03rem solid #EDEDED;
    display: flex;
    align-items: center;
    position: relative;
    margin: .75rem 1.7rem .5rem 0; 
}
.popup-r-content div{
    display: flex;
    align-items: center;
}
.popup-r-content-img{
    width: 5.5rem;
    height: 5.5rem;
    background: #F5F5F5;
    border-radius: 0.5rem 0rem 0rem 0.5rem;
}
.mid{
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: .75rem;
    z-index: 99;
}
.mid span{
    height: 1.38rem;
    line-height: 1.38rem;
    font-size: 1rem;
    font-weight: bold;
    color: #111111;
    margin: 1rem 0 .85rem 0;
}
.mid span img{
    height: .6rem;
    margin-bottom: 0.2rem;
    margin-left: 0.3rem;
}
.mid .price{
    width: 100%;
    height: 1.6rem;
    display: flex;
    align-items: center;
}
.mid .price span{
    color: #FF5500;
    margin-top: .4rem;
}
.mid .price .value{
    font-size: 1.5rem;
    color: #FF5500;
    margin-top: .2rem;
}
.serve {
        width: 100vw;
        height: 100%;
        margin-top: 1.25rem;
}
.h4-style48 {
    height: 1.38rem;
    font-size: 1.13rem;
    font-weight: 600;
    color: #111111;
    margin-left: 1rem;
}
.serve-mian {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.serve-icon {
    width: 1.5rem;
    height: .5rem;
    position: absolute;
    right: -0.8rem;
    top: 1.31rem;
}
.serve-item-img-box{
    width: 3rem;
    height: 3rem;
    background: linear-gradient(136deg, #FFF9E6 0%, #FFEEB3 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
}
.serve-item-img {
    width: 1.13rem;
    height: .38rem;
    position: absolute;
    bottom: -0.25rem;
}
.serve-item-div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.serve-item-div-value {  
    font-size: 0.94rem;
    font-weight: bold;
    color: #FF9500;
    margin: .25rem 0 .31rem 0;
}
.serve-item-div-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: #808080;
    white-space: nowrap;
}
.serve-item {
    width: calc(100vw/4);
    position: relative;
    margin: 1rem 0 0 0;
}
.want{
    width: 100vw;
    height: 100%;
    margin: 1rem 0 0 1rem;
}
.h4-style49{
    height: 1.56rem;
    font-size: 1.13rem;
    font-weight: bold;
    color: #111111;
    margin-bottom: 1rem;
}
.want-item{
    margin-bottom: 1.75rem;
    display: flex;
    flex-direction: column;
}
.dot{                
    width: 0.63rem;
    height: 0.63rem;
    border: 0.16rem solid #FFAA00;
    border-radius: 50%;
    margin: .28rem .5rem 0 .25rem;
    display: inline-block;
}
.div-style49{
    display: flex;
    flex-direction: row;
    margin: 0.1rem 0 .5rem 0;
}
.div-style49-span{
    font-size: 0.94rem;
    font-weight: bold;
    color: #333333;
    margin-right: 2rem;
}
.p-style49{
    width: 100%;
    margin-left: 1.25rem;
}
.p-style49-span{
    font-size: 0.75rem;
    font-weight: 400;
    color: #5C6E99;
}
.p-style49-img{
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin-bottom: .06rem;
}
.repair-service{
    width: 100vw;
    height: 100%;
    padding: 0.5rem 1rem 2.5rem 1rem;
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.title-style50{
    font-size: 1.38rem;
    font-weight: bold;
    color: #FF9500;
    margin-top: 1.13rem;
    z-index: 99;
}
.label-style50{
    font-size: 0.75rem;
    font-weight: 400;
    color: #999999;
    margin-top: 0.5rem;
    z-index: 99;
}
.text-style50{
    z-index: 0;
    position: absolute;
    font-size: 2.5rem;
    font-weight: bold;
    color: #F5F5F5;
    top: 0;
    letter-spacing: 6px;
}
.sublabel{
    font-size: 0.75rem;
    font-weight: 400;
    color: #008CFF;
    margin-top:0.38rem;
    z-index: 99;
}
.open-info {
    width: 100%;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}
.open-info-top-style51 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.label-style51 {
    font-size: 0.75rem;
    font-weight: 400;
    color: #008CFF;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
}
.label-style51 img {
    height: 0.8rem;
    margin-left: 0.2rem;
}
.data-style51 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.data-label-style51 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #0F0F0F;
    margin-top: 0.25rem;
    margin-left: 0.1rem;
}

.data-btn {
    display: flex;
    justify-content: center;
}
.data-btn-text {
    margin-top: 0.75rem;
    border-radius: 0.25rem;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
    background: linear-gradient(90deg, #FFBB33 0%, #FF9933 100%);
}
.common-invoice {
    width: 100%;
    padding: 0 1rem;
    display: flex;
    background: #FFFFFF;
    border-radius: 0.75rem;
}
.common-invoice-l {
    width: 1.57rem;
}

.common-invoice-r {
    width: 1.57rem;
}

.common-invoice-m {
    flex: 1;
    position: relative;
}
.title-style52 {
    width: 100%;
    margin: 0 auto;
}
.title-style52-p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2.5rem;
}
.title-style52-span {
    position: absolute;
    font-size: 1rem;
    font-weight: 400;
    color: #991408;
}

.title-style52-img {
    height: 2.88rem;
    position: absolute;

}
.item-style52 {
    margin-top: 1rem;
    margin-left: 0.69rem;
    display: flex;
    align-items: center;
}
.item-style52-label {
    min-width: 5.28rem;
    font-size: 1rem;
    font-weight: 400;
    color: #222222;
}

.item-style52-value {
    font-size: 1rem;
    font-weight: 400;
    color: #999999;
}
.images-style52 {
    position: absolute;
    top: 4.5rem;
    right: 0;
}
.images-style52-img {
    position: relative;
    width: 4.25rem;
    height: 3.19rem;
    margin: 0 auto;
}
.images-style52-img img {
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    
}
.images-style52-label {
    font-size: 0.69rem;
    font-weight: 400;
    color: #999999;
    margin-top: 0.06rem;
}
.refund-detail {
    width: 100%;
    background: #FFCF35;
}
.refund-detail p:first-child{
    font-size: 1rem;
    font-weight: bold;
    color: #222222;
    padding: 0.88rem 0 0.63rem 1.31rem;
}
.refund-detail p:last-child{
    font-size: 0.75rem;
    font-weight: 400;
    color: #222222;
    padding: 0 0 1rem 1.31rem;
}
.sep-address{
    width: 0.03rem;
    height: 0.75rem;
    background: #D8D8D8;
    display: inline-block;
    margin: 0 0.5rem;
}

.project-stage {
    width: 100%;
    padding: 0 1rem;
}
.project-title {
    display: flex;
    justify-content: space-between;
}
.title-left {
    font-size: 0.88rem;
    font-weight: 600;
    color: #222222;
    margin-top: 1rem;
}
.title-right {
    font-size: 0.75rem;
    font-weight: 400;
    color: #B3B3B3;
    margin-top: 1rem;
}
.project-content {
    display: flex;
    margin-top: 0.75rem;
}
.v-img {
    width: 3rem;
    height: 3rem;
    position: absolute;
}
.video {
    width: calc(100vw - 2rem);
    height: 21.44rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video video {
    width: 100%;
    height: 100%;
    object-fit: fill;  //使video标签填满父级
    border-radius: 0.38rem;
}
.video .img {
    width: 100%;
    height: 100%;
    border-radius: 0.38rem;
    object-fit: cover;
}
.images {
    width: calc(100vw - 16.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.25rem;
}
.images .img {
    width: 100%;
    height: 7rem;
    background: #000000;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 0.38rem;
}
.images .img img {
    width: 100%;
    height: 100%;
    border-radius: 0.38rem;
}
.images .img .text {
    position: absolute;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.text-top {
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
}
.text-bottom {
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
}
.opacity {   
    opacity: 0.5;
}
.project-label {
    font-size: 0.88rem;
    font-weight: 400;
    color: #0F0F0F;
    margin-top: 0.75rem;
}
.newStyle {
    width: calc(100vw - 12.94rem) !important;
    height: 10.5rem !important;
}
.newStyle2 {
    width: calc(100vw - 9.19rem) !important;
    height: 14.25rem !important;
}

.invoic-progress {
    width: calc(100vw - 1rem);
    height: 3.88rem;
    position: relative;
    display: flex;
    align-items: center;
}
.background-img {
    z-index: 1;
    position: absolute;
}
.img-style55 {
    z-index: 9;
    width: 7.31rem;
    height: 1.88rem;
    margin-left: 0.75rem;
}
.img-style55 img {
    width: 100%;
}
.label-style55 {
    z-index: 9;
    font-size: 1.06rem;
    font-weight: 800;
    color: #FF8B00;
    margin-left: 0.5rem;
}

.payment-process {
    width: 100%;
}
.payment-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-title {
    font-size: 1.13rem;
    font-weight: 600;
    color: #252629;
    margin-left: 1.06rem;
    margin-bottom: 1rem;
}

.top-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: #5871A6;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.payment-content {
    display: flex;
}
.payment-content .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}
.content-image {
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0.5rem;
}

.content-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: #666666;
}

.content-icon {
    width: 1.13rem;
    height: 0.41rem;
    position: absolute;
    right: -0.56rem;
    top: 0.63rem;
}
.price-experience {
    width: calc(100vw - 1.25rem);
    position: relative;
    display: flex;
    justify-content: end;
}

.item-tips {
    position: absolute;
    right: 0;
    top: -0.2rem;
}
.item-tips-value {
    display: inline-block;
    font-size: 0.63rem;
    font-weight: 400;
    color: #FFFFFF;
    background: linear-gradient(90deg, #FF9F1E 0%, #FF660D 100%);
    box-shadow: 0rem 0.13rem 0.25rem 0rem #FFDDBF;
    padding: 0.06rem 0.38rem;
    border-radius: 1.25rem;
}

.item-tips-triangle {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.8rem;
    border-style: solid;
    border-width: 0 0 0.38rem 0.4rem;
    border-color: transparent #FF981D;
    z-index: 99;
    position: relative;
    margin-top: -0.03rem;
}
.item-content {
    display: flex;
    align-items: baseline;
    padding-top: 1.25rem;
}
.item-content-title {
    font-size: 0.75rem;
    font-weight: 400;
    color: #8C5D1C;
    margin-right: 0.25rem;
}

.item-content-label {
    font-size: 0.81rem;
    font-weight: 600;
    color: #FF660D;
}

.item-content-value {
    font-size: 1.75rem;
    font-weight: 600;
    color: #FF660D;
}

.item-content-right {
    display: flex;
    align-items: center;
}

.line-through {
    text-decoration: line-through;
    color: #B3B3B3;
    margin-left: 0.25rem;
}

.new-open-info {
    width: calc(100vw - 0.75rem);
    padding: 1rem;
    margin: 0 auto;
    margin-top: 1rem;
    background: linear-gradient(180deg, #FFF8EB 0%, #FFFFFF 53%, #FFFFFF 100%);
    border-radius: 0.75rem;
    border: 0.06rem solid #F2DEC2;
}

.open-info-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.open-info-title {
    font-size: 1rem;
    font-weight: bold;
    color: #222222;
    flex: 1;
}
.data-style58 {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.data-label-style58 {
    font-size: 0.88rem;
    font-weight: bold;
    color: #222222;
    white-space: nowrap;
    margin-right: 1.5rem;
    margin-bottom: 0.75rem;
}

.data-value-style58 {
    font-size: 0.88rem;
    font-weight: 400;
    color: #222222;
    margin-bottom: 0.75rem;
}
.open-info-label {
    width: 100%;
    font-size: 0.75rem;
    font-weight: 400;
    color: #008CFF;
    text-align: right;
    padding-left: 0.5rem;
}

.open-info-top ion-toggle {
    width: 2.28rem;
    --background-checked: #ffcc00;
    --handle-width: 2.5rem;
    --handle-height: 1.5rem;
    --handle-background-checked: #ffffff;
}
.residential-list {
    width: auto;
    margin: 0 0.5rem;
}
.list-item {
    background: #FFFFFF;
    border-radius: 0.5rem;
    margin: 0.5rem 0 0.5rem;
    padding: 1rem 0.75rem 1rem 1rem;
}
.item-label-style59 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.label-left {
    font-size: 1.13rem;
    font-weight: bold;
    color: #222222;
    margin-bottom: 0.25rem;
}
.labelRight {
    margin-right: 0.25rem;
    font-size: 0.88rem;
    font-weight: 400;
    color: #999999;
}

.label-right img {
    width: 0.38rem;
    height: 0.63rem;
    margin-top: -0.04rem;
}

.item-value-style59 {
    font-size: 0.88rem;
    font-weight: 400;
    color: #999999;
}
.service-center-topDiv {
    width: 100%;
}
.service-item-one {
    display: flex;
    justify-content: space-between;
    width: calc(100vw - 1rem);
    padding: 0.88rem 1rem;
}

.service-item-two {
    display: flex;
    justify-content: space-between;
    background: #FFFFFF;
    margin: 0 0.25rem 0.25rem;
    padding: 0.75rem 0.75rem 0.5rem;
    border-radius: 0.5rem;
}
.service-item-one .itemDiv {
    display: flex;
    align-items: flex-end;
}
.item-unit-style60 {
    font-size: 0.75rem;
    font-weight: bold;
    color: #222222;
    margin-bottom: 0.2rem;
}

.item-right-style60 {
    display: flex;
    flex-direction: column;
}
.one-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: #222222;
}

.one-value {
    font-size: 1.38rem;
    font-weight: bold;
    color: #222222;
}

.service-item-one .itemDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.itemDiv img {
    width: 1.75rem;
    height: 1.75rem;
}
.two-label {
    font-size: 0.75rem;
    font-weight: bold;
    color: #222222;
}

.two-value {
    font-size: 0.75rem;
    font-weight: 400;
    color: #999999;
}

.style4-divider-line {
    background: #EDEDED;
    position: absolute;
    height: 84%;
    right: 56%;
    width: 0.03rem;
}

.download-bg{
    padding: 1rem;
    
}
.download-title{

}
.item-file{
    display: flex;
    align-items: center;
    height: 3.5rem;
    background: #F7F7F7;
    border-radius: 0.38rem;
    margin-bottom: 0.5rem;
    padding: 0.75rem;
}
  .file-bg{
    width: 2rem;
    height: 2rem;
    background: #FE990D;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #FFFFFF;
    flex-shrink: 0;
  }
  .file-name{
    flex: 1;
    font-weight: 400;
    font-size: 0.75rem;
    color: #222222;
    text-align: left;
    margin-left: 0.5rem;
    margin-right: 1rem;
    max-width: calc(100vw - 10.25rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .download-label{
    width: fit-content;
    flex-shrink: 0;
    font-weight: bold;
    font-size: 0.75rem;
    
  }